.ripple {
  position: absolute;
  width: 0px;
  height: 0px;
  border-radius: 50%;
  background-color: var(--el-color-primary);
  opacity: 0.6;
  animation: ripple-animation 0.4s linear;
  pointer-events: none; /* 防止波纹影响按钮的点击事件 */
}

@keyframes ripple-animation {
  to {
    height: 200px;
    width: 200px;
    top: calc(-100px + 50%);
    left: calc(-100px + 50%);
    opacity: 0;
  }
}
